<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <title>组织架构</title>
    <meta name="viewport"
        content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="css/comm.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/headersearch.css" />
    <link rel="stylesheet" type="text/css" href="css/organization.css" />
    <link rel="stylesheet" type="text/css" href="../script/mui/mui.picker.min.css" />
    <link rel="stylesheet" type="text/css" href="../script/mui/mui.reset.css" />
    <link rel="stylesheet" type="text/css" href="../script/vant/index.css" />
    <link rel="stylesheet" type="text/css" href="./css/chooseprojectlist.css" />
    <style>
        .aui-content.headerBox {
            height: auto;
        }

        .organization_list_li_icon img {
            width: 100%;
        }

        .mainbox:first-child {
            margin-top: 0 !important;
        }

        .yuan-bule {
            position: relative;
            display: inline-block;
            width: 30px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            border-radius: 50%;
            background-color: #1abbec;
            color: #fff;
        }
        .yuan-mred{
            background-color: #9833e6;
        }
        .yuan-sblue{
            background-color: #1367d6;
        }
        .yuan-qblue{
            background-color: #1989fa;
        }
        .islast{
            color: #1989fa;
        }
    </style>
</head>

<body>
    <div id="app" v-cloak>
        <div class="aui-content">
            <div id="topheader" class="aui-content headerBox ">
                <!-- 搜索 -->
                <div class="aui-searchbar" id="search">
                    <div class="aui-searchbar-input aui-searchbar-input-white aui-border-radius">
                        <i class="icon iconfont icon-sousuo"></i>
                        <input v-model="form.keywords" type="search" placeholder="姓名搜索" id="search-input">
                        <div class="aui-searchbar-clear-btn">
                            <i class="icon iconfont icon-guanbi"></i>
                        </div>
                    </div>
                    <div class="aui-searchbar-btn" tapmode></div>
                </div>
                <div class="fullName breadcrumb-header border-bottomLine" id="chooseproject"
                    style="padding: 0px 20px 6px; line-height: unset;">
                    <label v-on:click="do_open(item,1)" v-for="(item,index) in headerlist">
                        <label v-bind:class="{'islast':index==(headerlist.length-1)&&index!=0}"
                            class="aui-margin-b-5">{{item.Name}}</label>
                        <i v-if="index<(headerlist.length-1)" class="icon iconfont icon-xiangyoujiantou"></i>
                    </label>
                    <!-- <span class="new-span-width">{{FullName==''?'请选择':FullName}}</span>
                    <span><img src="../image/icon_xiala.png" /></span> -->
                    <div class="cl"></div>
                </div>
            </div>
            <!-- 列表 -->
            <div class="noinfo" id="noorder" v-if="list.length<=0" style="padding-top: 50%;">
                <img src="../image/index/noinfomsg_icon.png" alt="" />
                <h5><br />暂无相关数据</h5>
            </div>
            <div v-if="list.length>0" class="organization_list_li_icon pt5 " :style="{'padding-top':topHeader+'px'}">
                <div style="background: #fff;">
                    <div v-for="(item,index) in list" class="boxarea mainbox"
                        v-bind:class="{'border-bottomLine':index<list.length-1}"
                        style="width: 100%;border-radius: 0;margin: 0;">

                        <div v-if="!item.IsMan" v-on:click="do_open(item,2)" class="department_cont"
                            style="padding: 0;">
                            <div class="organization_list_li_name" style="display: flex; align-items: center;">
                                <div class="yuan-bule" v-bind:class="{'yuan-mred':item.TypeID==4,'yuan-sblue':item.TypeID==3}" >
                                    <van-icon :name="item.TypeID>2?'cluster-o':'newspaper-o'" size="18" style="margin-top: 5px;" />
                                </div>
                                <label class="aui-margin-l-15" style="width: calc(100% - 60px);">{{item.Name}}<span v-if="item.Count!=undefined"
                                        class="bfbfbf">({{item.Count}})</span></label>
                            </div>
                            <div class="organization_list_li_icon">
                                <i class="icon iconfont icon-xiangyoujiantou ccc fr"></i>
                            </div>
                        </div>
                        <div v-if="item.IsMan" class="department_cont" style="padding: 0;">
                            <div class="organization_list_li_name" style="display: flex; align-items: center;">
                                <van-image v-if="item.HeadImg" round fit="cover" width="30" height="30"
                                    :src="item.HeadImg"></van-image>
                                <div v-if="!item.HeadImg" class="yuan-bule yuan-qblue">
                                    <label class="aui-font-size-16" style="text-align: center;">
                                        <label v-if="item.FinalRealName"  v-text="onReturnOne(item.FinalRealName)" style="color: #fff;"></label>
                                        <label v-if="!item.FinalRealName" style="color: #fff;" >空</label>
                                    </label>
                                </div> 
                                <label class="aui-margin-l-15" style="width: calc(100% - 60px);">{{item.FinalRealName}}<span
                                        class="bfbfbf">（{{item.PosionName?item.PosionName:'--'}}）</span></label>
                            </div>
                            <div v-on:click="tel_phone(item)" class="organization_list_li_icon">
                                <i class="icon iconfont icon-iconfontcolor39 new-icon"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- <div v-if="currentchosenlist.length>0" class="organization_list_li_icon pt5">
                    <div v-for="item in currentchosenlist" class="boxarea mainbox">
                        <div v-if="!form.keywords">
                            <div class="department_cont" v-on:click="show_morehistory(item)">
                                <div class="organization_list_li_name">{{item.DepartmentNmae}}<span>({{item.Children && item.Children.length}}人)</span></div>
                                <div class="organization_list_li_icon">
                                    <i v-if="item.isopen && item.Children && item.Children.length>0" class="icon iconfont icon-shangjiantou ccc fr"></i>
                                    <i v-else class="icon iconfont icon-down ccc fr"></i>
                                </div>
                            </div>
                            <div v-if="item.isopen" v-for="item2 in item.Children" class="organization_list_sub">
                                <div class="userImg"><img :src="item2.UserImg || defaultImg" alt=""></div>
                                <div class="user_right">
                                    <div class="organization_list_sub_li_name">
                                        <div>{{item2.UserName}}</div>
                                        <div class="department_text">{{item2.DepartmentNames}}</div>
                                    </div>
                                    <div v-on:click="tel_phone(item2)" class="organization_list_sub_li_phone">
                                        <i class="icon iconfont icon-iconfontcolor39 new-icon text-blue"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div v-else>
                            <div class="organization_list_sub">
                                <div class="userImg"><img :src="item.UserImg || defaultImg" alt=""></div>
                                <div class="user_right">
                                    <div class="organization_list_sub_li_name">
                                        <div>{{item.UserName}}</div>
                                        <div class="department_text" v-for="item2 in item.Names">{{item2}}</div>
                                        <div class="department_text" v-show="item.Names && item.Names.length===0"></div>
                                    </div>
                                    <div v-on:click="tel_phone(item)" class="organization_list_sub_li_phone">
                                        <i class="icon iconfont icon-iconfontcolor39"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div> -->
        </div>
    </div>
</body>
<script type="text/javascript " src="../script/api.js "></script>
<script type="text/javascript " src="../script/vue.js "></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/mui/mui.min.js"></script>
<script type="text/javascript" src="../script/mui/mui.picker.min.js"></script>
<script type="text/javascript" src="../script/mui/mui.poppicker.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript " src="../script/vant/vue.js"></script>
<script type="text/javascript " src="../script/vant/vant.js"></script>
<script type="text/javascript" src="js/organization.js"></script>

</html>